<template>
    <div class="content">
        <!-- 动态渲染的模块 -->
        <component :is="currentModule" />
    </div>
</template>

<script>
import HomeModule from './pages/HomeModule.vue';


export default {
    data() {
        return {
            currentModule: 'HomeModule' // 默认显示首页模块
        };
    },
    components: {
        HomeModule
    },
    methods: {
        switchModule(moduleName) {
            this.currentModule = moduleName;
        }
    }
};
</script>

<style scoped>
.content {
    margin-left: 200px;
    padding: 20px;
    margin-top: 60px;
}
</style>